<template>
    <div id="imgDown">
        <div>
            <div class="Breadcrumb">
                <Breadcrumb>
                    <BreadcrumbItem to="/">首页</BreadcrumbItem>
                    <BreadcrumbItem >消息列表</BreadcrumbItem>
                    <BreadcrumbItem>你的足迹</BreadcrumbItem>
                    <BreadcrumbItem v-if="!is_edit">足迹详情</BreadcrumbItem>
                </Breadcrumb>
            </div>

            <Tabs type="card" v-show="is_edit">
                <TabPane label="全部足迹"><AllImg></AllImg></TabPane>
                <TabPane label="标签二">标签二的内容</TabPane>
                <TabPane label="标签三">标签三的内容</TabPane>
            </Tabs>
        </div>
        
    <router-view></router-view>
    </div>
</template>

<script>
import AllImg from './allImg/allImg'
export default {
    name:'imgDown',
    data(){
        return{
            is_edit:true,
        }
    },
    components:{
        AllImg
    },
    created(){
        let path = this.$route.path
        if(path.indexOf('/imgDown/Edit') != -1){
            this.is_edit = false
        }
    },
    beforeUpdate(){
        //更新状态前
        let path = this.$route.path
        if(path.indexOf('/imgDown/Edit') != -1){
            this.is_edit = false
        }else if(path.indexOf('/Admin/imgDown') !=-1){
            this.is_edit = true
        }
    }
}
</script>

<style lang="scss" scoped>
#imgDown{
    padding: 15px;
    float:right;
    width: calc(100% - 350px);
    margin: 30px;
    margin-top: 110px;
    background: #F5F5FA;
    border-radius: 5px;
}
.Breadcrumb{
    background: #ffffff;
    line-height: 30px;
    margin-bottom: 20px;
}
</style>